<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webapi</title>
    <style>
        /* .light{
            color: black;
            background-color: white;
        }

        .dark{
            color: white;
            background-color: black;
        }
        html{
            height: 100%;
        }
        body{
            height: 100%;
        }
        div{
            height: 100%;
        } */
    </style>
</head>
<body>
    <!-- <div>hello</div> -->
    <!-- <img src="logo.png" width="300px"> -->
    <!-- <input type="password">
    <button>显示密码</button> -->
    <!-- <input type="text" value="0">
    <button id="minus">-</button>
    <button id="add">+</button> -->

    <!-- <h3 style="font-size: 20px;">请选择你的爱豆</h3> -->
    <!-- <div>
        <input type="checkbox" class="idol"> 边伯贤
    </div>
    <div>
        <input type="checkbox" class="idol"> 都暻秀
    </div>
    <div>
        <input type="checkbox" class="idol"> 吴世勋
    </div>
    <div>
        <input type="checkbox" class="all"> 全选
    </div> -->

    <!-- <div class='light'>
        边伯贤,艺名BAEK HYUN,1992年5月6日生于韩国京畿道富川市,韩国男歌手、演员,男子演唱组合EXO、EXO-K、EXO-CBX、SuperM成员。2012年
        4月8日,随EXO-K发行首张迷你专辑《MAMA》并正式,专辑发行一个月后售出7万张。2013年8月14日,在纪念韩国与秘鲁两国建交50周年的足
        球友谊赛中,献唱韩国国歌。2014年2月16日,与SUHO担任音乐节目《人气歌谣》的主持人
    </div> -->

    <div class="parent">
        <div>11</div>
        <div>22</div>
        <div class="toDelete">33</div>
    </div>

    <script>

        let div=document.querySelector('.parent');
        let toDelete=document.querySelector('.toDelete');
        div.removeChild(toDelete);

        // //创建一个新的div
        // childDiv=document.createElement('div');
        // childDiv.innerHTML='44';
        // div.appendChild(childDiv);

        // let div=document.querySelector('div');
        // div.onclick=function(){
        //     if(div.className=='light'){
        //         div.className='dark';
        //     }else if(div.className=='dark'){
        //         div.className='light';
        //     }else{
        //         alert('class错误');
        //     }
        // }

        // let h3=document.querySelector('h3');
        // h3.onclick=function(){
        //     let oldSize=h3.style.fontSize;
        //     oldSize=parseInt(oldSize);
        //     oldSize+=10;
        //     h3.style.fontSize=oldSize + 'px';
        // }

        // let all=document.querySelector('.all');
        // let idols=document.querySelectorAll('.idol');

        // all.onclick=function(){
        //     console.log('all.checked:'+all.checked);
        //     for(let i=0;i<idols.length;i++){
        //         idols[i].checked=all.checked;
        //     }
        // }

        // let input=document.querySelector('input');
        // let addBtn=document.querySelector('#add');
        // let minusBtn=document.querySelector('#minus');

        // addBtn.onclick=function(){
        //     let oldValue=parseInt(input.value);
        //     oldValue+=1;
        //     input.value=oldValue;
        // }

        // minusBtn.onclick=function(){
        //     let oldValue=input.value;
        //     oldValue-=1;
        //     input.value=oldValue;
        // }

        // let input=document.querySelector('input');
        // let button=document.querySelector('button');
        // button.onclick=function(){
        //     if(input.type=='password'){
        //         input.type='text';
        //         button.innerHTML='隐藏密码';
        //     }else if(input.type=='text'){
        //         input.type='password';
        //         button.innerHTML='显示密码';
        //     }else{
        //         alert('type错误');
        //     }
        // }

        // //参数是一个css选择器
        // let divs=document.querySelectorAll('div');
        // console.log(divs);
        // console.dir(divs);

        // let div=document.querySelector('div');
        // div.onclick=function(){
        //     console.log('按下鼠标');
        // }
        // div.onmousemove=function(){
        //     console.log('鼠标移动');
        // }
        // div.onmouseenter=function(){
        //     console.log('鼠标进来了');
        // }
        // div.onmouseleave=function(){
        //     console.log('鼠标出去了');
        // }

        // //先选中div
        // let div=document.querySelector('div');
        // //获取元素里的内容
        // console.log(div.innerHTML);
        // //还可以通过这个属性赋值,来起到修改的作用
        // div.onclick=function(){
        //     //不仅可以赋值文本,还可以赋值一个html片段
        //     //div.innerHTML='hello,baekhyun';
        //     div.innerHTML='<button>这是一个按钮</button>'
        // }

        // let img=document.querySelector('img');
        // console.log(img.src);
        // console.log(img.width);
        // console.log(img.arc);
        // img.onclick=function(){
        //     img.src="C:\Users\admin\Desktop\b.gif";
        // }
    </script>
</body>
</html>